<!-- 数据统计页面 -->
<div class="content-area active" id="dashboard">
    <div class="page-header">
        <div class="page-title">数据统计</div>
        <div class="page-description">查看系统整体运行状况和测评数据统计</div>
    </div>

    <div class="stats-grid">
        <div class="stat-card">
            <div class="stat-header">
                <div class="stat-title">总教师数</div>
                <div class="stat-icon">👨‍🏫</div>
            </div>
            <div class="stat-value" id="totalTeachers">-</div>
            <div class="stat-subtitle">系统注册教师</div>
        </div>

        <div class="stat-card">
            <div class="stat-header">
                <div class="stat-title">总部门数</div>
                <div class="stat-icon">🏢</div>
            </div>
            <div class="stat-value" id="totalDepts">-</div>
            <div class="stat-subtitle">各类部门</div>
        </div>

        <div class="stat-card">
            <div class="stat-header">
                <div class="stat-title">考核指标</div>
                <div class="stat-icon">📋</div>
            </div>
            <div class="stat-value" id="totalIndicators">-</div>
            <div class="stat-subtitle">系统指标数</div>
        </div>

        <div class="stat-card">
            <div class="stat-header">
                <div class="stat-title">部门测评</div>
                <div class="stat-icon">🏢</div>
            </div>
            <div class="stat-value" id="completedDeptEvaluations">-</div>
            <div class="stat-subtitle">已完成 / <span id="totalDeptEvaluations">-</span> 总数</div>
            <div class="progress-bar">
                <div class="progress-fill" id="deptProgress" style="width: 0%"></div>
            </div>
        </div>

        <div class="stat-card">
            <div class="stat-header">
                <div class="stat-title">教师测评</div>
                <div class="stat-icon">📝</div>
            </div>
            <div class="stat-value" id="completedTeacherEvaluations">-</div>
            <div class="stat-subtitle">已完成 / <span id="totalTeacherEvaluations">-</span> 总数</div>
            <div class="progress-bar">
                <div class="progress-fill" id="teacherProgress" style="width: 0%"></div>
            </div>
        </div>

        <div class="stat-card">
            <div class="stat-header">
                <div class="stat-title">系统状态</div>
                <div class="stat-icon">✅</div>
            </div>
            <div class="stat-value">正常</div>
            <div class="stat-subtitle">服务运行中</div>
        </div>
    </div>

    <!-- 详细统计信息 -->
    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px;">
        <div class="table-container">
            <div class="table-header">
                <div class="table-title">部门类型分布</div>
            </div>
            <div style="padding: 20px;">
                <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px;">
                    <div style="text-align: center;">
                        <div id="functionalDepts" style="font-size: 24px; font-weight: bold; color: #4299e1;">
                            -
                        </div>
                        <div style="color: #666; font-size: 14px;">职能部门</div>
                    </div>
                    <div style="text-align: center;">
                        <div id="collegeDepts" style="font-size: 24px; font-weight: bold; color: #48bb78;">-
                        </div>
                        <div style="color: #666; font-size: 14px;">二级学院</div>
                    </div>
                    <div style="text-align: center;">
                        <div id="communityDepts" style="font-size: 24px; font-weight: bold; color: #ed8936;">-
                        </div>
                        <div style="color: #666; font-size: 14px;">社区</div>
                    </div>
                    <div style="text-align: center;">
                        <div id="otherDepts" style="font-size: 24px; font-weight: bold; color: #9f7aea;">-</div>
                        <div style="color: #666; font-size: 14px;">其他</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="table-container">
            <div class="table-header">
                <div class="table-title">用户权限分布</div>
            </div>
            <div style="padding: 20px;">
                <div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px;">
                    <div style="text-align: center;">
                        <div id="adminUsers" style="font-size: 24px; font-weight: bold; color: #e53e3e;">-</div>
                        <div style="color: #666; font-size: 14px;">管理员</div>
                    </div>
                    <div style="text-align: center;">
                        <div id="schoolLeaderUsers" style="font-size: 24px; font-weight: bold; color: #d69e2e;">
                            -
                        </div>
                        <div style="color: #666; font-size: 14px;">校领导</div>
                    </div>
                    <div style="text-align: center;">
                        <div id="normalUsers" style="font-size: 24px; font-weight: bold; color: #38b2ac;">-
                        </div>
                        <div style="color: #666; font-size: 14px;">普通用户</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="quick-actions">
        <div class="actions-title">快速操作</div>
        <div class="actions-grid">
            <a class="action-button" href="javascript:void(0)" onclick="showContent('teacher-info-management')">
                <div class="action-title">教师管理</div>
                <div class="action-desc">管理教师信息和权限</div>
            </a>
            <a class="action-button" href="javascript:void(0)"
               onclick="showContent('evaluation-relation-management')">
                <div class="action-title">测评关系</div>
                <div class="action-desc">生成和管理测评关系</div>
            </a>
            <a class="action-button" href="javascript:void(0)"
               onclick="showContent('evaluation-score-management')">
                <div class="action-title">分数查询</div>
                <div class="action-desc">查询测评分数和结果</div>
            </a>
            <a class="action-button" href="javascript:void(0)" onclick="showContent('data-export')">
                <div class="action-title">数据导出</div>
                <div class="action-desc">导出测评数据报表</div>
            </a>
        </div>
    </div>
</div> 